<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>开启我的WEB前端之旅</h2>
    <h3>目标：项目经验提升</h3>
    <p>姓名： <b>万小丫</b></p>
    <p>
      头像：
      <br />
      <img
        src="./]GZB]7](E}92J4M8DH5~2D.png"
        alt=""
        width="60px"
        height="60px"
      />
    </p>
    <p>时间： <i>2020年21</i><sup>th</sup>世纪， 将历时4个月<sub>左右</sub></p>
    <hr />
    <h3>集训的特点</h3>
    <p>"我是<q>[引用]</q>>， 下面是无序列表ul，li"</p>
    <ul>
      <li><del>少量练习</del>&gt;<b>大量练习</b></li>
      <li><del>间隔练习</del>&gt;<b>集中练习</b></li>
      <li><del>理论过多</del>&gt;<b>项目实战</b></li>
      <li><del>独自学习</del>&gt;<b>参与团队</b></li>
      <li><del>学习零散</del>&gt;<b>系统规划</b></li>
      <li><del>被动学习</del>&gt;<b>主动学习</b></li>
      <li><del>缺乏环境</del>&gt;<b>模拟工作流程</b></li>
      <li><del>重在强行记忆</del>&gt;<b>重在掌握方法</b></li>
    </ul>
    <h3>集训递进方式</h3>
    <p>"我是<q>[引用]</q>>， 下面是有序列表ol，li"</p>
    <ol>
      <li>电脑端项目</li>
      <li>移动端项目</li>
      <li>前后端分离项目</li>
      <li>响应式项目</li>
      <li>UI框架项目</li>
      <li>Vue框架项目</li>
      <li>小程序项目</li>
    </ol>
    <h3>集训过程分基础班、项目班</h3>
    <p>"我是<q>[引用]</q>>， 下面是dl>dt>dd表格"</p>
    <dl>
      <dt>基础班</dt>
      <dd>手写电脑端、移动端、响应式</dd>
      <dd>手写插件</dd>
      <dd>手写jq框架</dd>
      <dt>项目班</dt>
      <dd>用前端UI框架做项目</dd>
      <dd>用Vue做项目</dd>
      <dd>用小程序做项目</dd>
    </dl>
    <hr />
    <h3>个人资料填写</h3>
    <p>"我是<q>[引用]</q>>， 下面是from表单table表格"</p>
    <form action="">
      <table border="1" cellspacing=0>
        <tr>
          <td><b>用户名：</b></td>
          <td>
            <input
              type="text"
              name="username"
              placeholder="只能是数字字母下划线"
            />
          </td>
        </tr>
        <tr>
          <td><b>密码：</b></td>
          <td>
            <input type="password" placeholder="密码框" name="password" />
          </td>
        </tr>
        <tr>
          <td><b>性别：</b></td>
          <td>
            <input type="radio" name="sex" value="man" /> 男
            <input type="radio" name="sex" value="woman" />女
          </td>
        </tr>
        <tr>
          <td><b>年龄：</b></td>
          <td><input placeholder="数字框" type="number" /></td>
        </tr>
        <tr>
          <td><b>邮箱：</b></td>
          <td><input type="email" name="email" id="" /></td>
        </tr>
        <tr>
          <td><b>学历</b></td>
          <td>
            <select name="major" id="">
              <option value="">本科</option>
              <option value="">大专</option>
              <option value="">小学</option>
            </select>
          </td>
        </tr>
        <tr>
          <td><b>学过哪些</b></td>
          <td>
            <input type="checkbox" name="hobby" checked value="fish" />C语言
            <input type="checkbox" name="hobby" value="pig" />JAVA
            <input type="checkbox" name="hobby" value="dog" />PHP
            <input type="checkbox" name="hobby" value="cat" />Python
            <input type="checkbox" name="hobby" value="cat" />数据库
          </td>
        </tr>
        <tr>
          <td><b>想学哪些扩展</b></td>
          <td>
            <select name="major" multiple="multiple" size="4" id="a">
              <option value="SVG">SVG</option>
              <option value="Canvas">Canvas</option>
              <option value="Class" selected>Class类</option>
              <option value="MySQL" selected>MySQL</option>
              <option value="MySQ">MySQL</option>
              <option value="MySQ">MySQL</option>
              <option value="MySQ">MySQL</option>

              </select>*多选
          </td>
        </tr>
        <tr>
          <td><b>已学会</b></td>
          <td>
            <ul>
              <li>
                HTML <br />
                <input name="html" checked type="checkbox" />熟悉
              </li>
              <li>
                CSS <br />
                <input type="radio" name="can" value="one" checked id="" />基本使用
                <input type="radio" name="can" value="two" id="" />高级应用
                <input
                  type="radio"
                  name="can"
                  value="three"
                  id=""
                />能制作精美页面
              </li>
              <li>
                JavaScript <br />
                <input type="radio" name="js" value="a" id="" />基础认知
                <input type="radio" name="js" value="b" id="" />能写特效
                <input type="radio" name="js" value="c" id="" />能封装插件
              </li>
              <li>
                BootStrap <br />
                <input type="radio" name="BootStrap" value="e" id="" />了解
                <input type="radio" name="BootStrap" value="f" id="" />能做项目
              </li>
              <li>
                Vue <br />
                <input type="radio" name="Vue" value="g" id="" />了解
                <input type="radio" name="Vue" value="h" id="" />能做项目
              </li>
              <li>
                小程序 <br />
                <input type="radio" name="Vue" value="i" id="" />了解
                <input type="radio" name="Vue" value="j" id="" />能做项目
              </li>
            </ul>
          </td>
        </tr>
        <tr>
          <td><b>留言</b></td>
          <td><textarea name="" id="" cols="50" rows="10" placeholder="文明发言"></textarea></td>
        </tr>
        <tr>
          <td><b>阅读协议</b></td>
          <td>
            <iframe
              scrolling="yes"
              src="./3.2white.html"
              width="100%"
              height="100%"
              frameborder="1"
              marginwidth="500px"
            ></iframe>
          </td>
        </tr>
        <tr>
          <td align="center" colspan="2">
            <input type="reset" />
            <input type="submit" />
          </td>
        </tr>
      </table>
    </form>
    <hr />
    &copy;版权所有万息岗前集训中心
  </body>
</html>
